<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link href="plug-in/umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="plug-in/umeditor/third-party/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="plug-in/umeditor/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="plug-in/umeditor/umeditor.min.js"></script>
<script type="text/javascript" src="plug-in/umeditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" src="plug-in/lhgDialog/lhgdialog.min.js?skin=metrole"></script>
<script type="text/javascript" src="js/common.js"></script>
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/style_1_common.css">
<link rel="stylesheet" href="css/umeditor_css.css">

<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/shezhi.css">
<link rel="stylesheet" href="css/xiaoxi.css">
<title>发送消息</title>
</head>
<body>
	<!--头部 -->
	<%@include file="head.jsp"%>
<t:base type="jquery,easyui,tools,DatePicker"></t:base>
	<!--main -->
	<div class="shezhi">
		<div class="shezhi_c">
			<div class="shezhi_c_top">
				<img src="imges/home.png"> > 通知 > 我的帖子
			</div>
			<div class="shezhi_con" style="height: auto;">
				<div class="shezhi_con_l" style="height: auto; border: none">
					<%@include file="messageLeftNavi.jsp"%>
				</div>
				<div class="shezhi_con_r" style="height: auto; border-left: 1px solid #f1f1f1; padding-bottom: 10px">
					<div class="shezhi_con_rtop">
						<div class="shezhi_con_rtop1" style="width: 100%;">
							<ul style="margin-left: 30px;">
								<li>
									<a href="xiaoxi_fa.html" style="color: #000;">
										<span>私人消息</span>
									</a>
									<br>
									<img src="imges/message/jiantou.png">
									</li>
								<li>
									<a href="xiaoxi_qunliao.html" style="color: #666;">
										<span>群聊 </span>
									</a>
									<br>
								</li>
							</ul>
							<ul style="display: inline-block; float: right">
								<li style="width: 110px;">
									<a href="siren_xiaoxi.html" style="color: #0090ee">返回消息列表</a>
								</li>
							</ul>
						</div>
					</div>

					<form method="post" autocomplete="off" id="fastpostform" action="messageController.do?sendMessage">
						<div class="xiaoxi_fa">
							<div class="xiaoxi_fa_l">收件人：</div>
							<label>
							<input id="friendIdV" name="friendIdV" type="hidden">
							<c:forEach items="${userFriendLists}" var="userFriendLists">
								<input type="checkbox" name="friendId" value="${userFriendLists.friendId}">${userFriendLists.friendId}
							</c:forEach>
							
							</label> 
							<br> <span style="color: #d9d9d9">多个用户使用逗号、分号或回车提示系统分开</span>
						</div>

						<div class="xiaoxi_fa">
							<script type="text/plain" id="myEditor" name="content" style="width:100%;height:200px;">
						</script>
						</div>

						<div class="shezhi_con_rc3" style="margin-top: 40px; width: 54%; padding-bottom: 300px">
							<span><button class="shezhi_con_rc3_button" type="submit" onclick="fun()">发送</button></span>
						</div>
					</form>

				</div>
				<div style="clear: both"></div>
			</div>
			<div style="clear: both"></div>
		</div>
	</div>

	<!--foot -->
	<%@include file="foot.jsp"%>

</body>
</html>
<script type="text/javascript">
//实例化编辑器
var um = UM.getEditor('myEditor');
um.addListener('blur',function(){
    $('#focush2').html('编辑器失去焦点了')
});
um.addListener('focus',function(){
    $('#focush2').html('')
});

function fun(){ 
    obj = document.getElementsByName("friendId"); 
    check_val = []; 

    for(k in obj){ 
        if(obj[k].checked) 
            check_val.push(obj[k].value); 
    } 

    document.getElementById("friendIdV").value = check_val;

}

</script>